﻿<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
    $(function () {
        $(".start_datetime").datetimepicker({
            language: 'zh-CN',
            format: 'yyyy-mm-dd',
            autoclose: true,
            weekStart: 1,
            minView: 2
        });
        $(".end_datetime").datetimepicker({
            language: 'zh-CN',
            format: 'yyyy-mm-dd',
            autoclose: true,
            weekStart: 1,
            minView: 2
        });
        $(".start_datetime").click(function () {
            $('.end_datetime').datetimepicker('show');
        });
        $(".end_datetime").click(function () {
            $('.start_datetime').datetimepicker('show');
        });

        $('.start_datetime').on('changeDate', function () {
            if ($(".end_datetime").val()) {
                if ($(".start_datetime").val() > $(".end_datetime").val()) {
                    $('.end_datetime').val($(".start_datetime").val());
                }
            }

            $('.end_datetime').datetimepicker('setStartDate', $(".start_datetime").val());
        });


    });
</script>
<div class="container">
    <ul class="nav nav-tabs-custom clearfix">
        <strong>微店管理</strong>
        <li><a href="./VShopManagement">微店列表</a></li>
        <li class="active"><a>热门微店管理</a></li>
        <li><a href="./TopShop">主推微店管理</a></li>
    </ul>


    <div class="search-box" id="search-box">
        <form class="custom-inline" role="form">
            <div class="form-group">
                <label class="label-inline" for="">微店名称</label>
                <input id="vshopName" class="form-control input-ssm" type="text" />
            </div>
            <div class="form-group">
                <label class="label-inline" for="">添加时间</label>
                <input id="inputStartDate" class="form-control input-ssm start_datetime" type="text" >
            </div>
            <div class="form-group">
                <label class="label-inline" for="">结束日期</label>
                <input id="inputEndDate" class="form-control input-ssm end_datetime" type="text" >
            </div>
            <button type="button" class="btn btn-primary btn-sm" id="searchButton">搜 索</button>
        </form>
    </div>

    <table id="list" class="table"></table>
</div>

<div id="replace-HotVShop" style="display:none">
    <div class="choose-search" style="border-left: 1px solid #ddd;">
        <div class="form-group">
            <label class="label-inline" for="">微店名称</label>
            <input class="form-control input-ssm" type="text" id="titleKeyword">
        </div>
        &nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-warning btn-ssm" id="searchReplaceVShopButton">搜索</button>
    </div>
    <table class="table table-choose" id="repaceList"></table>
</div>
<script src="~/Areas/Admin/Scripts/HotVShop.js"></script>
<script src="~/Scripts/jquery.hiMallDatagrid.js"></script>